@charset "utf-8";
.top { width: 100%; min-width: 1280px; position: relative; height: 74px; background-color: #ff7713; }
.wrap { max-width: 1280px; min-width: 1280px; margin: 0 auto; }
.logo { float: left; width: 200px; height: 74px; background: url(../images/logo.png) no-repeat 15px center; }
.top-logo-split { float: left; border-left: 1px solid #fff; margin:40px 18px 0 15px; width: 0; height: 14px }
.top-system { float: left; margin:38px 0 0 0; padding-bottom: 16px; position: relative; z-index: 10; }
.top-system-head { height: 16px; line-height: 16px; color: #fff; cursor: pointer; }
.top-system-arrow { float: left; margin:6px 0 0 8px; border:4px solid #ff7713; border-width:5px 4px; border-top-color: #fff; }
.top-icon { float: left; width: 16px; height: 16px; margin-right: 6px; background: url(../images/icon/icon_top.png) no-repeat }
.top-system .top-userinfo-menu-list a { padding-left: 20px; }
.top-icon-notice { background-position: 0 -16px; }
.top-icon-help { background-position: 0 -32px; }
.top-link { float: left; height: 16px; line-height: 16px; margin:29px 18px 0 0; color: #fff }
.top-split { float: left; border-left: 1px solid #fff; height: 8px; width: 0; margin: 33px 18px 0 0; }
.top-avator { float: left; width: 40px; height: 40px; margin: 19px 8px 0 0; border-radius: 40px; overflow: hidden; border: 2px solid #fff; }
.top-avator img { display: block; width: 40px; height: 40px; }
.top-userinfo { position: relative; float: left; margin-top: 29px; padding-bottom: 28px; z-index: 10 }
.top-userinfo-head { height: 16px; line-height: 16px; color: #fff; cursor: pointer; }
.top-userinfo-head span { float: left; }
.top-userinfo-arrow { float: left; margin:6px 0 0 8px; border:4px solid #ff7713; border-width:5px 4px; border-top-color: #fff; }
.top-userinfo-menu { display: none; position: absolute; right: 0; top: 20px; width: 105px; }
.top-userinfo-menu-list { position: absolute; left: 0; top: 6px; width: 105px; border: 1px solid #ddd; border-radius: 4px; background-color: #fff; box-shadow:0 0 5px rgba(0, 0, 0, 0.2); }
.top-userinfo-menu-list a { display: block; height: 28px; border-bottom: 1px solid #ddd; line-height: 28px; color: #333 }
.top-userinfo-menu-list a:last-child { border-bottom: 0; }
.top-userinfo-menu-list a:hover, .top-userinfo-menu-list a.lock { background-color: #fff8ee; color: #ff7713; }
.top-userinfo-menu-list a:hover .top-icon-pw { background-position: 0 -95px; }
.top-userinfo-menu-list a:hover .top-icon-logout { background-position: 0 -110px; }
.top-userinfo-menu-list i { margin: 6px 8px 0 11px; }
.top-icon-pw { background-position: 0 -48px; }
.top-icon-lock { background-position: 0 -64px; }
.top-icon-logout { background-position: 0 -80px; }
.top-userinfo-menu-arrow { display: block; position: absolute; left: 50%; top: 0; z-index: 2; margin-left: -5px; width: 10px; height: 7px; background: url(../images/icon/arrow_top.png) no-repeat; }
/*.top-userinfo:hover .top-userinfo-menu, .top-system:hover .top-userinfo-menu{ display: block;}*/
.top-menu li a {padding: 0 30px; height: 74px;line-height: 74px;}
.top-menu li { float: left; }
.top-menu li a:hover, .top-menu li.menu-on a {background-color: #e26000; cursor: pointer; }
/* side */
.container { width: 100%; }
.side { float: left; width: 230px; background-color: #f2f2f2; padding-bottom: 60px; }
.side-company { width: 230px; height: 110px; padding-top: 15px; display: table-cell; vertical-align: middle; text-align: center }
.side-company-logo { background-color: #f7f7f7; border: 1px dashed #d9d9d9; text-align: center; margin: 0 15px 8px; padding: 22px 0 20px; }
.side-company-logo img, .side-company img { max-width:228px; max-height:110px; }
.side-company-name { padding-bottom: 20px; line-height: 26px; font-size: 18px; text-align: center; }
.container .wrap { position:relative }
.container .wrap:before { position:absolute; left:0; top:0; content:""; background-color:#f2f2f2; border-left: 230px solid #f2f2f2; height:100%; clear:both; z-index:-1 }
.container .footer .wrap:before { background-color:#fff; border:0 }
/* nav */

.nav li { margin-bottom: 2px }
.nav-a { display: block; height: 40px; line-height: 40px; color: #333;font-size: 14px; }
.nav-a i{ float: left; margin: 10px 18px 0 22px; width: 22px; height: 20px; background: url(/static_public/images/icon/nav_icon.png) no-repeat center center; }
#menu_home a{height: 60px; line-height: 60px;border-top: 2px solid transparent;border-bottom: 2px solid transparent;-moz-border-image:url("/static_public/images/icon/line.png") 30 30 repeat; /* Old Firefox */
    -webkit-border-image:url("/static_public/images/icon/line.png") 30 30 repeat; /* Safari */
    -o-border-image:url("/static_public/images/icon/line.png") 30 30 repeat; /* Opera */
    border-image:url("/static_public/images/icon/line.png") 30 30 repeat;}
.nav-a:hover .icon-home, .nav-selected .icon-home { background-position: 0 0; }
#menu_home .nav-a:hover, #menu_home.nav-selected > a {background-color: transparent;color: #ff7713;}
i.icon-home { background-position: 0 0; width: 32px;height: 32px;margin: 13px 15px 0 15px;}
i.icon-book { background-position: 0 -20px; }
i.icon-tuoke { background-position: 0 -40px; }
i.icon-ditch { background-position: 0 -124px;height: 22px;width: 22px; }
i.icon-commission { background-position: 0 -167px;height: 22px; }
i.icon-customer { background-position: 0 -100px; }
i.icon-finance { background-position: 0 -210px;height: 17px; }
i.icon-data { background-position: 0 -190px; }
i.icon-020 { background-position: 0 -160px; }
i.icon-set{ background-position: 0 -227px; }
i.icon-building { background-position: 0 -104px; }
i.icon-ditchManage { background-position: 0 -146px; }
i.icon-userManage { background-position: 0 -33px; height: 21px; }
i.icon-teamManage { background-position: 0 -691px; height: 18px; }
i.icon-project { background-position: 0 -53px;height: 18px; }
i.icon-message { background-position: 0 -70px; height: 18px; }
i.icon-xmf{ background-position: 0 -368px; height: 21px; }
i.icon-application{ background-position: 0 -466px; }
i.icon-new-wls{background-position: 0px -421px;height: 23px; }
i.icon-ms{background-position: 0px -508px;height: 25px;}
i.icon-game{background-position: 0px -486px;height: 22px;}
i.icon-old-wls{background-position: 0px -443px;height: 23px; }
i.icon-channel{background-position: 0px -532px;}
i.icon-business{background-position: 0px -575px;}
i.icon-initset{background-position: 0px -553px;height: 22px;}
i.icon-analysis{background-position: 0px -596px;height: 19px;}
i.icon-monitor{background-position: 0px -596px;height: 19px;}
i.icon-monitor{background-position: 0px -614px;}
i.icon-ydxs{background-position: 0px -633px;}
i.icon-return{background-position: 0 -656px;height: 18px;}
i.icon-yykf{background-position: 0 -673px;}
i.icon-callke{background-position: 0 -673px;height: 18px;}
.nav-a:hover, .nav-selected > a { background-color: #ff7713; color: #fff }
.nav-a:hover .icon-book, .nav-selected .icon-book { background-position: -22px -20px; }
.nav-a:hover .icon-tuoke, .nav-selected .icon-tuoke { background-position: -22px -40px; }
.nav-a:hover .icon-ditch, .nav-selected .icon-ditch { background-position: -22px -124px; }
.nav-a:hover .icon-commission, .nav-selected .icon-commission { background-position: -22px -167px; }
.nav-a:hover .icon-customer, .nav-selected .icon-customer { background-position: -22px -100px; }
.nav-a:hover .icon-finance, .nav-selected .icon-finance { background-position: -22px -210px; }
.nav-a:hover .icon-data, .nav-selected .icon-data { background-position: -22px -190px; }
.nav-a:hover .icon-020, .nav-selected .icon-020 { background-position: -22px -160px; }
.nav-a:hover .icon-set, .nav-selected .icon-set { background-position: -22px -227px; }
.nav-a:hover .icon-building, .nav-selected .icon-building { background-position: -22px -104px; }
.nav-a:hover .icon-ditchManage, .nav-selected .icon-ditchManage { background-position: -22px -146px;}
.nav-a:hover .icon-userManage, .nav-selected .icon-userManage { background-position: -22px -33px;}
.nav-a:hover .icon-teamManage, .nav-selected .icon-teamManage { background-position: -22px -691px;}
.nav-a:hover .icon-project, .nav-selected .icon-project { background-position: -22px -53px; }
.nav-a:hover .icon-message, .nav-selected .icon-message { background-position: -22px -70px; }
.nav-a:hover .icon-xmf, .nav-selected .icon-xmf { background-position: -22px -368px; }
.nav-a:hover .icon-application, .nav-selected .icon-application { background-position: -22px -466px; }
.nav-a:hover .icon-new-wls, .nav-selected .icon-new-wls { background-position: -22px -421px; }
.nav-a:hover .icon-ms, .nav-selected .icon-ms { background-position: -22px -508px; }
.nav-a:hover .icon-game, .nav-selected .icon-game { background-position: -22px -486px; }
.nav-a:hover .icon-old-wls, .nav-selected .icon-old-wls { background-position: -22px -443px; }
.nav-a:hover .icon-business, .nav-selected .icon-business { background-position: -22px -575px; }
.nav-a:hover .icon-initset, .nav-selected .icon-initset { background-position: -22px -553px; }
.nav-a:hover .icon-analysis, .nav-selected .icon-analysis { background-position: -22px -596px; }
.nav-a:hover .icon-monitor, .nav-selected .icon-monitor { background-position: -22px -614px; }
.nav-a:hover .icon-ydxs, .nav-selected .icon-ydxs { background-position: -22px -633px; }
.nav-a:hover .icon-channel, .nav-selected .icon-channel { background-position: -22px -532px; }
.nav-a:hover .icon-return, .nav-selected .icon-return { background-position: -22px -656px; }
.nav-a:hover .icon-yykf, .nav-selected .icon-yykf { background-position: -22px -673px; }
.nav-a:hover .icon-callke,.nav-selected .icon-callke { background-position: -22px -673px; }
.nav-sub { display: none; padding-top: 2px; }
.nav-sub a { display: block; height: 40px; padding-left: 75px; line-height: 40px; color: #333 }
.nav-sub a:hover, .nav-sub .nav-sub-on a { background-color: #e5e5e5; color: #ff7713 }
.nav-selected .nav-sub, .nav-on .nav-sub { display: block; }
.icon-fav > a {background: url(/static_public/images/icon/fav_right.png) no-repeat center right;background-position: 180px 15px;}
.nav-selected > a{background-color: #ff7713;}
.nav-on.icon-fav > a {background-image: url(/static_public/images/icon/fav_down1.png);background-position: 180px 17px;}
.icon-fav > a:hover, .nav-selected.icon-fav > a {background-image: url(/static_public/images/icon/fav_down.png) !important;background-position: 180px 17px;}
.nav-sub li a{background: url(/static_public/images/icon/disc.png) no-repeat center left;background-position: 62px 18px;}
.nav-sub a:hover, .nav-sub .nav-sub-on a{background: url(/static_public/images/icon/disc_on.png) no-repeat center left #e5e5e5;background-position: 62px 18px;}
/*应用商店*/
.side-app .nav-a i.icon-home{background: url(/static_public/images/icon/nav_icon.png) no-repeat center center; background-position: 0 0; width: 32px;height: 32px;margin: 13px 15px 0 15px;}
.nav-a i.icon-app-store { background-position: 0 0; }
.nav-a i.icon-app-store-rclc { background-position: 0 -40px; }
.nav-a i.icon-app-store-fdyx { background-position: 0 -85px; }
.nav-a i.icon-app-store-yjbh { background-position: 0 -212px; }
.nav-a i.icon-app-store-sfjs { background-position: 0 -257px; }
.nav-a i.icon-app-store-album360 { background-position: 0 -300px; }
.nav-a i.icon-app-store-album { background-position: 0 -345px; }
.nav-a:hover .icon-app-store, .nav-selected .nav-a .icon-app-store { background-position: -22px 0; }
.nav-a:hover .icon-app-store-rclc, .nav-selected .nav-a .icon-app-store-rclc { background-position: -22px -40px; }
.nav-a:hover .icon-app-store-fdyx, .nav-selected .nav-a .icon-app-store-fdyx { background-position: -22px -85px; }
.nav-a:hover .icon-app-store-wls, .nav-selected .nav-a .icon-app-store-wls { background-position: -22px -126px; }
.nav-a:hover .icon-app-store-wls1, .nav-selected .nav-a .icon-app-store-wls1 { background-position: -22px -170px; }
.nav-a:hover .icon-app-store-yjbh, .nav-selected .nav-a .icon-app-store-yjbh { background-position: -22px -212px; }
.nav-a:hover .icon-app-store-sfjs, .nav-selected .nav-a .icon-app-store-sfjs { background-position: -22px -257px; }
.nav-a:hover .icon-app-store-album360, .nav-selected .nav-a .icon-app-store-album360 { background-position: -22px -300px; }
.nav-a:hover .icon-app-store-album, .nav-selected .nav-a .icon-app-store-album { background-position: -22px -345px; }
.content { float: left; width: 1030px; padding: 10px 0 0 20px; }
.content-full { padding: 10px 20px; }
.footer { margin-top: 40px; border-top: 1px solid #e6e6e6; }
.footer-con { padding: 15px 0 }
.btm-mr { margin-right: 13px; }
.small-screen .wrap { width: 980px }
.small-screen .content { width: 710px }
.zixun { position: fixed; right: 0px; width: 4%;top:114px; cursor: pointer;}
.zixun .zixun_img { cursor: pointer; width:100%; }
.zixun:hover{ border: 1px dashed #9D9B9B;}
.zixun:hover .close_zixun{ display: block;}
.zixun .close_zixun { display: none; position: absolute; bottom: 5px; font-size: 14px; left: 2px; z-index: 56; cursor: pointer; display: none; }
.close_zixun:hover { background: rgba(12, 9, 11, 0.51); }
.zixunHover { border: 1px dashed #9D9B9B; }
.mask-help{width:100%; height:100%; position:absolute; top:0; left:0; z-index:55;}
/* login */
.login-head { width: 100%; background-color: #f8f8f8; border-bottom: 1px solid #eee; padding: 20px 0 5px; }
.login-wrap { width: 910px; margin: 0 auto; }
.login-btm { background-color: #e5e5e5; padding: 45px 0 45px; position: absolute; bottom: 0; width: 100% }
.btm-link a { color: #343434; font-size: 14px; margin: 0 10px; }
.btm-link a:hover { color: #ff7713; }
.login-ma-wrap { width: 295px; margin: 0 auto; }
.login-layout { min-height: 100% }
.login-icon { background-image: url(../images/login/icon_login.png); background-repeat: no-repeat; background-position: 4999px 4999px; display: inline-block; vertical-align: middle; }
.icon-login-company { background-position: 0 1px; }
.icon-login-user { background-position: 0 -20px; }
.icon-login-pw { background-position: 0 -40px; }
.login-btm .weixin { position: relative; top: 8px; margin: 0 -5px 0 5px; cursor: pointer; }
.login-btm .weixin1 { position: absolute; top: -132px; left: 50%; margin-left: -57px; display: none; }
.login-btm .weixin2 { position: absolute; top: -132px; left: 50%; margin-left: -56px; display: none; }
.login-btm .weixin:hover .weixin1, .login-btm .weixin:hover .weixin2 { display: block; }
.permission { display: none !important; }
.label-yellow { background: #ffaa31; padding: 5px 15px; color: #fff; }
.label-gray { background: #ccc; padding: 5px 15px; color: #fff; }
.dialog-select-supplier{
    width: 700px;
    height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
}
